<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link href="../css/main/base.css" rel="stylesheet" />
    <link href="../css/base.css"  rel="stylesheet" />
    <link rel="stylesheet" href="../css/materialize.min.css">
    <link rel="stylesheet"  href="../css/main/navigation.css">
    <link rel="stylesheet" href="../css/main/search.css">
    <link rel="stylesheet" href="../css/stu/fix_msg.css">
    <link rel="stylesheet"  href="../css/stu/main.css">
    <link rel="stylesheet"  href="../css/info/info.css">
    <link href="https://fonts.css.network/icon?family=Material+Icons" rel="stylesheet">
    <!--<link href="https://fonts.css.network/icon?family=Material+Icons" rel="stylesheet">-->
    <title>学生个人主页</title>
</head>

<body>
    <div class="header comWidth">
        <div class="topBar">
            <div class="comWidth">
                <div style="padding-left:7px" class="header fl">
                    <a href="../main/test/information.html" target="_blank">关于基地</a>
                </div>
                <div class="header fr" id="login-off">
                    <a class="mainBtn" href="../main/role/login.html" target="_blank">登录</a>
                    <span class="line">|</span>
                    <a class="mainBtn" href="../main/role/register.html" target="_blank">注册</a>
                </div>
                <!--消息栏-->
                <div class="header fr" id="login-on" style="display:none">
                    <a class="mainBtn" id="user_click" target="_blank">用户名</a>
                    <ul class="card" id="main-list" style="display:none"><li id="go-main"><a>我的主页</a></li><li><a id="account-set">账号设置</a></li><li><a id="account-exit">退出</a></li></ul>
                    <span class="line">|</span>
                    <a id="info-deliver" class="mainBtn" target="_blank">投递</a>
                    <span class="line">|</span>
                    <a class="mainBtn" target="_blank">消息</a><div style="margin-right:5px" class="chip info-tag">50</div>
                    <!--span class="line">|</span>
                    <a class="mainBtn" target="_blank">关注收藏</a-->
                    <span class="line">|</span>
                    <a class="mainBtn" href="http://110.64.69.101:8080/main/index.html">退出</a>
                </div>
                <!--消息栏-->
            </div>
        </div>
    </div>
    <nav class="white lighten-5 comWidth">
        <div class="nav-wrapper">
            <ul>
                <li><a class="toIndexLink"><img id="logo" src="../res/imgs/materialize.svg"/></a></li>
                <li><a class="toIndexLink"><p class="logo-name">华南理工大学<br/>人才交流平台
                    <p></a></li>
                <li><a class="toIndexLink" id="indexBtn">首页</a></li>
               <li><a href="../team/roles_team.html" id="teamBtn">团队</a></li>
            </ul>
            <div class="input-field right search-bar" id="searchDiv">
                <input id="search" type="search" placeholder="Click to search" required>
                <label for="search"><i class="material-icons">search</i></label>
                <i class="material-icons">close</i>
            </div>
        </div>
    </nav>
    <!--学生主页部分-->
    <div id="stu-main">
        <div class="card" id="basic-info" style="margin-top:0;margin-bottom: 0">
            <ul id="list1">
                <a id="edit-icon" style="background:#fff;" class="btn-floating btn-large">
                    <i style="color:#ff8f00" class="large material-icons">edit</i>
                </a>
                <li class="detail-info" id="detail1">
                    <span id="detail-name"></span><span id="detail-sex">&nbsp&nbsp&nbsp&nbsp&nbsp<i id="boy">♂</i><i id="girl"></i></span><span id="detail-age"></span>
                </li>
                <li class="detail-info" id="detail2">
                    <span id="detail-tel"></span><span id="detail-mail"></span><span>(仅本人可见 )</span>
                </li>
            </ul>
            <img id="avatar_path" width="150px" height="150px" src="../res/imgs/stu/stu-test.png" style="float:left;" alt="头像无法显示" />
            <ul id="list2">
                <li class="detail-info" id="detail3">
                    <span class="chip"><i id="detail-school" style="margin-right: 3px;"></i><i id="detail-major"></i></span></span><span class="chip"><i id="detail-background" style="margin-right: 3px;"></i><i id="detail-grade"></i></span><span class="chip" id="detail-location"></span>
                </li>
                <li class="detail-info" id="detail4"><img src="../res/imgs/team/attach_file.svg" style="vertical-align: middle" /><a href="#" style="text-decoration:underline;vertical-align: middle" id="personal_path">XXX-个人简历.pdf</a>
                </li>
            </ul>
        </div>

        <div  id="student_message_box" style="display: none">
            <div id="left_one">
                <div id="photo_area">
                    <div class="put_photo_here" onclick="F_Open_img()">
                        <img id="local_photo" />
                        <i class="large material-icons dp48" id="photo_camera">photo_camera</i>
                    </div>
                    <form id="post_photo"  enctype="multipart/form-data">
                        <input type="file" id="update_photo" style="display: none" onchange="show_local_img(this)">
                    </form>
                </div>

                <div id="file_area">
                    <div onclick="F_Open_file()">
                        <a class="btn-floating btn waves-effect waves-light white" id="attach_file">
                            <img src="../res/imgs/team/attach_file.svg" style="margin-top: 15px;width: 50px;height:50px;"/>
                        </a>
                        <form method="post" enctype="multipart/form-data">
                            <input name="update_file" type="file" style="display: none" id="update_file" onchange="show_local_file()">
                        </form>
                    </div>
                    <div style="margin-top: 15px;margin-left: -3px;"><p style="font-size: 20px;">上传简历附件</p></div>

                    <div id="file_path" style="display: none">
                        <input type="text" id="file_name"/>
                        <a id="delete_file" class="btn-floating waves-effect waves-light">
                            <i id="close_ico" class="material-icons">close</i>
                        </a>
                    </div>
                </div>


                <div id="right_one">
                    <div class="input-field">
                        <input id="first_name" value=" " type="text" class="validate">
                        <label for="first_name">输入你的名字</label>
                    </div>

                    <div>
                        <div class="input-field" id="sex_div">
                        </div>

                        <div class="input-field" id="year_div">

                        </div>

                        <div class="input-field" id="month_div">

                        </div>

                        <div class="input-field">
                            <input id="school_name" value=" " type="text" class="validate">
                            <label for="school_name">输入你所在的学校</label>
                        </div>
                        <div class="input-field">
                            <input id="major_name" value=" " type="text" class="validate">
                            <label for="major_name">输入你的专业</label>
                        </div>
                        <div class="input-field location_div">

                        </div>
                        <div class="input-field ">

                            <input id="education_level" type="text" class="validate" disabled>
                            <label for="education_level">最高学历关联教育经历不可编辑</label>
                        </div>
                        <div class="input-field col s8">

                            <input id="grade_level" type="text" class="validate"  disabled>
                            <label for="grade_level">在读年级关联教育经历不可编辑</label>
                        </div>
                        <div class="input-field" id="enter_email">
                            <input id="email" value=" " type="text" class="validate">
                            <label for="email">输入你的邮箱</label>
                            <span class="red-text text-lighten-2">不会显示在您的信息中,您投递简历后会被相应的公司看到</span>
                        </div>
                        <div class="input-field" id="enter_tel">
                            <input id="tel" value=" " type="tel" class="validate">
                            <label for="tel">输入你的联系方式</label>
                            <span class="red-text text-lighten-2"> 不会显示在您的信息中,您投递简历后会被相应的公司看到</span>
                        </div>

                    </div>
                    <div id="finish_edit">
                        <a id="saveButton" class="waves-effect waves-light btn">保存</a>
                        <a id="cancelButton" class="waves-effect waves-light btn white">取消</a>
                    </div>
                </div>
            </div>


                <!--<div class="attach_file" onclick="F_Open_file()">
                    <img src="../res/imgs/attach_file.svg" id="attach_logo"/>
                    <form method="post" action="" enctype="multipart/form-data">
                        <input name="update_file" type="file" style="display: none" id="update_file" onchange="show_local_file()">
                    </form>
                </div>
                <div class="text">上传简历附件</div>

                <div class="doc_path">
                    <table>
                        <tr>
                            <td>
                                <img src="../res/imgs/attach_file.svg" id="doc_path_logo"/>
                            </td>
                            <td>
                                <input id="path_line" type="text">
                            </td>
                            <td>
                                <a id="delete_file" class="btn-floating waves-effect waves-light">
                                    <i id="close_ico" class="material-icons">close</i>
                                </a>
                            </td>
                        </tr>
                    </table>
                </div>-->


            <!--<div class="personal_message">
                <form class="row ">
                    <div class="input-field col s8">
                        <input id="first_name" type="text" class="validate">
                        <label for="first_name">输入你的名字</label>
                    </div>

                    <div class="col s8">
                        <div class="input-field col s3">
                            <select class="browser-default">
                                <option value="" disabled selected>性别</option>
                                <option value="1">男</option>
                                <option value="2">女</option>
                            </select>
                        </div>

                        <div class="input-field col s5">
                            <select class="browser-default" id="select_year">
                                <option value="" disabled selected>出生年份</option>
                            </select>
                        </div>

                        <div class="input-field col s3">
                            <select class="browser-default" id="select_month">
                                <option value="" disabled selected>月份</option>
                            </select>
                        </div>

                    </div>

                    <div class="input-field col s8">
                        <input id="school_name" type="text" class="validate">
                        <label for="school_name">输入你所在的学校</label>
                    </div>
                    <div class="input-field col s8">
                        <input id="major_name" type="text" class="validate">
                        <label for="major_name">输入你的专业</label>
                    </div>
                    <div class="input-field col s8">
                        <select class="browser-default">
                            <option value="" disabled selected>选择你所在的城市</option>
                            <option value="1">广州</option>
                            <option value="2">深圳</option>
                            <option value="3">上海</option>
                            <option value="4">北京</option>
                            <option value="5">厦门</option>
                            <option value="6">杭州</option>
                            <option value="7">成都</option>
                            <option value="8">天津</option>
                            <option value="9">南京</option>
                            <option value="10">其它</option>
                        </select>
                    </div>
                    <div class="input-field col s8">

                        <input id="education_level" type="text" class="validate" disabled>
                        <label for="education_level">最高学历为默认值</label>
                    </div>
                    <div class="input-field col s8">

                        <input id="grade_level" type="text" class="validate"  disabled>
                        <label for="grade_level">在读年级为默认值</label>
                    </div>
                    <div class="input-field col s11" id="enter_email">
                        <input id="email" type="email" class="validate">
                        <label for="email"  data-success="right">输入你的邮箱</label>
                        <span class="red-text text-lighten-2">不会显示在您的信息中,您投递简历后会被相应的公司看到</span>
                    </div>
                    <div class="input-field col s11" id="enter_tel">
                        <input id="tel" type="tel" class="validate">
                        <label for="tel">输入你的联系方式</label>
                        <span class="red-text text-lighten-2">不会显示在您的信息中,您投递简历后会被相应的公司看到</span>
                        <a id="saveButton" class="waves-effect waves-light btn">保存</a>
                        <a id="cancelButton" class="waves-effect waves-light btn">取消</a>
                    </div>
                </form>
            </div>-->

        </div>
        <div id="other-info" class="card" style="margin-bottom:50px;overflow: hidden;background-color: transparent;">
            <div style="float:right" id="nav-list">
                <ul>
                    <div style="margin:23px 0 23px 0">
                        <a class="go-page" id="goto1" href="#file-edu">
                            <li class="list-choice" id="choice1">教育经历</li>
                            <div class="circle3" id="cir1a">
                                <div class="circle2" id="cir1b">
                                    <div class="circle1" id="cir1c">
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div style="margin:23px 0 23px 0">
                        <a class="go-page" id="goto2" href="#file-practice">
                            <li class="list-choice" id="choice2">实习经历</li>
                            <div class="circle3" id="cir2a">
                                <div class="circle2" id="cir2b">
                                    <div class="circle1" id="cir2c">
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div style="margin:23px 0 23px 0">
                        <a class="go-page" id="goto3" href="#file-project">
                            <li class="list-choice" id="choice3">项目经历</li>
                            <div class="circle3" id="cir3a">
                                <div class="circle2" id="cir3b">
                                    <div class="circle1" id="cir3c">
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div style="margin:23px 0 23px 0">
                        <a class="go-page" id="goto4" href="#file-works">
                            <li class="list-choice" id="choice4">作品集展示</li>
                            <div class="circle3" id="cir4a">
                                <div class="circle2" id="cir4b">
                                    <div class="circle1" id="cir4c">
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div style="margin:23px 0 23px 0">
                        <a class="go-page" id="goto5" href="#file-skill">
                            <li class="list-choice" id="choice5">技能评价</li>
                            <div class="circle3" id="cir5a">
                                <div class="circle2" id="cir5b">
                                    <div class="circle1" id="cir5c">
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </ul>
            </div>
            <div>
                <div class="file card" id="file-edu" style="margin-top: 0;">
                    <div class="title-show">
                        <p class="file-title">教育经历</p>
                        <div class="file-icon"></div>
                        <div id="ea1" class="add-cancel"><span class="right-top-icon1"><button id="right-add1"
                                                                                           class="right-add"
                                                                                           style="background: #fff;border:none">添加</button></span><span class="right-top-icon2"><button class="right-edit" id="right-edit1"
                                                            style="background: #fff;border:none">编辑</button></span>
                        </div>
                    </div>
                    <div id="add1" class="add-item"><a class="add-out btn-floating btn-large waves-effect waves-light"><i class="add-in material-icons">add</i></a></div>
                    <div class="file-detail" id="edu-show">
                        <div class="add-new1 edu-field">
                            <div class="input-field col s6">
                                <input class="edu-school" type="text" value=" "/>
                                <label>学校</label>
                            </div>
                            <div class="input-field col s6">
                                <input class="edu-major" type="text" value=" "/>
                                <label>专业</label>
                            </div>
                            <div class="input-field col s6 ">
                                <select class="choice1">
                                    <option value="" disabled selected>请选择</option>
                                    <option value="1">本科</option>
                                    <option value="1">硕士</option>
                                    <option value="2">博士</option>
                                    <option value="3">大专</option>
                                    <option value="4">其他</option>
                                </select>
                                <label>最高学历</label>
                            </div>
                            <div class="input-field col s6 ">
                                <select class="choice2">
                                    <option value="" disabled selected>请选择</option>
                                    <option value="1">2016</option>
                                    <option value="2">2017</option>
                                    <option value="3">2018</option>
                                    <option value="4">2019</option>
                                </select>
                                <label>毕业年份</label>
                            </div>
                            <a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn save" id="edu-save0" type="button">保存</a><a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn nosave" type="button" id="edu-nosave0">取消</a>
                        </div>

                        <div class="edu" id="edu-all1" style="margin-bottom:30px">
                            <!--增加的对话框-->
                            <p name="" style="display: inline-block;" id="edu1"></p>
                            <div class="right-icon1"><a style="background:#fff;margin-right: 20px" class="btn-floating edu-edit" id="edu-edit1"><i
                                style="color:#ff8f00" class="material-icons">mode_edit</i></a><a style="background:#fff;" class="btn-floating darken-1 edu-cancel" id="edu-cancel1"><i
                                style="color:#ff8f00" class="material-icons">close</i></a>
                            </div>
                            <div id="edu-field1" class="edu-field">
                                <div class="input-field col s6">
                                    <input class="edu-school" type="text" value=" "/>
                                    <label>学校</label>
                                </div>
                                <div class="input-field col s6">
                                    <input class="edu-major" type="text" value=" "/>
                                    <label>专业</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="choice1">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="1">本科</option>
                                        <option value="1">硕士</option>
                                        <option value="2">博士</option>
                                        <option value="3">大专</option>
                                        <option value="4">其他</option>
                                    </select>
                                    <label>最高学历</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="choice2">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="1">2016</option>
                                        <option value="2">2017</option>
                                        <option value="3">2018</option>
                                        <option value="4">2019</option>
                                    </select>
                                    <label>毕业年份</label>
                                </div>
                                <a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn save" id="edu-save1" type="button">保存</a><a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn nosave" type="button" id="edu-nosave1">取消</a>
                            </div>
                        </div>


                        <div class="edu" id="edu-all2" style="margin-bottom:30px">
                            <p name="" style="display: inline-block;" id="edu2"></p>
                            <div class="right-icon1"><a style="background:#fff;margin-right: 20px" class="btn-floating edu-edit" id="edu-edit2"><i style="color:#ff8f00" class="material-icons">mode_edit</i></a><a style="background:#fff;" class="btn-floating darken-1 edu-cancel" id="edu-cancel2"><i style="color:#ff8f00" class="material-icons">close</i></a>
                            </div>
                            <div id="edu-field2" class="edu-field">
                                <div class="input-field col s6">
                                    <input class="edu-school" type="text" value=" "/>
                                    <label>学校</label>
                                </div>
                                <div class="input-field col s6">
                                    <input class="edu-major" type="text" value=" "/>
                                    <label>专业</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="choice1">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="1">本科</option>
                                        <option value="1">硕士</option>
                                        <option value="2">博士</option>
                                        <option value="3">大专</option>
                                        <option value="4">其他</option>
                                    </select>
                                    <label>最高学历</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="choice2">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="1">2016</option>
                                        <option value="2">2017</option>
                                        <option value="3">2018</option>
                                        <option value="4">2019</option>
                                    </select>
                                    <label>毕业年份</label>
                                </div>
                                <a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn save" id="edu-save2" type="button">保存</a><a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn nosave" type="button" id="edu-nosave2">取消</a>
                            </div>
                        </div>
                        <div class="edu" id="edu-all3" style="margin-bottom:30px">
                            <p name="" style="display: inline-block;" id="edu3"></p>
                            <div class="right-icon1"><a style="background:#fff;margin-right: 20px" class="btn-floating edu-edit" id="edu-edit3"><i
                                style="color:#ff8f00" class="material-icons">mode_edit</i></a><a style="background:#fff;" class="btn-floating darken-1 edu-cancel" id="edu-cancel3"><i
                                style="color:#ff8f00" class="material-icons">close</i></a>
                            </div>
                            <div id="edu-field3" class="edu-field">
                                <div class="input-field col s6">
                                    <input class="edu-school" type="text" value=" "/>
                                    <label>学校</label>
                                </div>
                                <div class="input-field col s6">
                                    <input class="edu-major" type="text" value=" "/>
                                    <label>专业</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="choice1">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="1">本科</option>
                                        <option value="1">硕士</option>
                                        <option value="2">博士</option>
                                        <option value="3">大专</option>
                                        <option value="4">其他</option>
                                    </select>
                                    <label>最高学历</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="choice2">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="1">2016</option>
                                        <option value="2">2017</option>
                                        <option value="3">2018</option>
                                        <option value="4">2019</option>
                                    </select>
                                    <label>毕业年份</label>
                                </div>
                                <a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn save" id="edu-save3" type="button">保存</a><a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn nosave" type="button" id="edu-nosave3">取消</a>
                            </div>
                        </div>
                        <div class="edu" id="edu-all4" style="margin-bottom:30px">
                            <p name="" style="display: inline-block;" id="edu4"></p>
                            <div class="right-icon1"><a style="background:#fff;margin-right: 20px" class="btn-floating edu-edit" id="edu-edit4"><i
                                style="color:#ff8f00" class="material-icons">mode_edit</i></a><a style="background:#fff;" class="btn-floating darken-1 edu-cancel" id="edu-cancel4"><i
                                style="color:#ff8f00" class="material-icons">close</i></a>
                            </div>
                            <div id="edu-field4" class="edu-field">
                                <div class="input-field col s6">
                                    <input class="edu-school" type="text" />
                                    <label>学校</label>
                                </div>
                                <div class="input-field col s6">
                                    <input class="edu-major" type="text" />
                                    <label>专业</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="choice1">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="1">本科</option>
                                        <option value="1">硕士</option>
                                        <option value="2">博士</option>
                                        <option value="3">大专</option>
                                        <option value="4">其他</option>
                                    </select>
                                    <label>最高学历</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="choice2">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="1">2016</option>
                                        <option value="2">2017</option>
                                        <option value="3">2018</option>
                                        <option value="4">2019</option>
                                    </select>
                                    <label>毕业年份</label>
                                </div>
                                <a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn save" id="edu-save4" type="button">保存</a><a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn nosave" type="button" id="edu-nosave4">取消</a>
                            </div>
                        </div>
                        <div class="edu" id="edu-all5" style="margin-bottom:30px">
                            <p name="" style="display: inline-block;" id="edu5"></p>
                            <div class="right-icon1"><a style="background:#fff;margin-right: 20px" class="btn-floating edu-edit" id="edu-edit5"><i
                                style="color:#ff8f00" class="material-icons">mode_edit</i></a><a style="background:#fff;" class="btn-floating darken-1 edu-cancel" id="edu-cancel5"><i
                                style="color:#ff8f00" class="material-icons">close</i></a>
                            </div>
                            <div id="edu-field5" class="edu-field">
                                <div class="input-field col s6">
                                    <input class="edu-school" type="text" value=" "/>
                                    <label>学校</label>
                                </div>
                                <div class="input-field col s6">
                                    <input class="edu-major" type="text" value=" "/>
                                    <label>专业</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="choice1">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="1">本科</option>
                                        <option value="1">硕士</option>
                                        <option value="2">博士</option>
                                        <option value="3">大专</option>
                                        <option value="4">其他</option>
                                    </select>
                                    <label>最高学历</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="choice2">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="1">2016</option>
                                        <option value="2">2017</option>
                                        <option value="3">2018</option>
                                        <option value="4">2019</option>
                                    </select>
                                    <label>毕业年份</label>
                                </div>
                                <a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn save" id="edu-save5" type="button">保存</a><a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn nosave" type="button" id="edu-nosave5">取消</a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="file card" id="file-practice">
                    <div class="title-show">
                        <p class="file-title">实习经历</p>
                        <div class="file-icon"></div>
                        <div id="ea2" class="add-cancel"><span class="right-top-icon1"><button id="right-add2" class="right-add" style="background: #fff;border:none">添加</button></span><span class="right-top-icon2"><button class="right-edit" id="right-edit2" style="background: #fff;border:none">编辑</button></span>
                        </div>
                    </div>
                    <div id="add2" class="add-item"><a class="add-out btn-floating btn-large waves-effect waves-light"><i
                        class="add-in material-icons">add</i></a></div>
                    <div class="file-detail" id="prac-all">
                        <div class="prac-field add-new2">
                            <div class="input-field col s6">
                                <input class="prac-company" type="text" value=" "/>
                                <label>公司名称</label>
                            </div>
                            <div class="input-field col s6">
                                <input class="prac-posi" type="text" value=" "/>
                                <label>职位</label>
                            </div>
                            <div class="input-field col s6 ">
                                <select class="prac-choice1">
                                    <option value="" disabled selected>请选择</option>
                                    <option value="2010">2010</option>
                                    <option value="2011">2011</option>
                                    <option value="2012">2012</option>
                                    <option value="2013">2013</option>
                                    <option value="2014">2014</option>
                                    <option value="2015">2015</option>
                                    <option value="2016">2016</option>
                                    <option value="2017">2017</option>
                                </select>
                                <label>起始时间（年）</label>
                            </div>
                            <div class="input-field col s6 ">
                                <select class="prac-choice2">
                                    <option value="" disabled selected>请选择</option>
                                    <option value="1">1</option>
                                    <option value="2">2</option>
                                    <option value="3">3</option>
                                    <option value="4">4</option>
                                    <option value="1">5</option>
                                    <option value="2">6</option>
                                    <option value="3">7</option>
                                    <option value="4">8</option>
                                    <option value="1">9</option>
                                    <option value="2">10</option>
                                    <option value="3">11</option>
                                    <option value="4">12</option>
                                </select>
                                <label>起始时间（月）</label>
                            </div>
                            <div class="input-field col s6 ">
                                <select class="prac-choice3">
                                    <option value="" disabled selected>请选择</option>
                                    <option value="2010">2010</option>
                                    <option value="2011">2011</option>
                                    <option value="2012">2012</option>
                                    <option value="2013">2013</option>
                                    <option value="2014">2014</option>
                                    <option value="2015">2015</option>
                                    <option value="2016">2016</option>
                                    <option value="2017">2017</option>
                                </select>
                                <label>结束时间（年）</label>
                            </div>
                            <div class="input-field col s6 ">
                                <select class="prac-choice4">
                                    <option value="" disabled selected>请选择</option>
                                    <option value="1">1</option>
                                    <option value="2">2</option>
                                    <option value="3">3</option>
                                    <option value="4">4</option>
                                    <option value="5">5</option>
                                    <option value="6">6</option>
                                    <option value="7">7</option>
                                    <option value="8">8</option>
                                    <option value="9">9</option>
                                    <option value="10">10</option>
                                    <option value="11">11</option>
                                    <option value="12">12</option>
                                </select>
                                <label>结束时间（月）</label>
                            </div>
                            <div style="margin:10px auto 25px;display:block;width:542px;height:105px" class="input-field col s12">
                                <textarea style="max-height:75px" id="prac-text0" class="materialize-textarea">
                                </textarea>
                                <label for="prac-text0">职能描述</label>
                            </div>
                            <a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn save" id="prac-save0" type="button">保存</a><a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn nosave" type="button" id="prac-nosave0">取消</a> </div>
                        <!------------命名规范说明:标题栏为prac1a prac1b prac1c... 具体内容为prac11 prac12...------------------>
                        <div class="prac-show" id="prac1">
                            <div id="prac-field1" class="prac-field">
                                <div class="input-field col s6">
                                    <input class="prac-company" type="text" value=" "/>
                                    <label>公司名称</label>
                                </div>
                                <div class="input-field col s6">
                                    <input class="prac-posi" type="text" value=" "/>
                                    <label>职位</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="prac-choice1">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="2010">2010</option>
                                        <option value="2011">2011</option>
                                        <option value="2012">2012</option>
                                        <option value="2013">2013</option>
                                        <option value="2014">2014</option>
                                        <option value="2015">2015</option>
                                        <option value="2016">2016</option>
                                        <option value="2017">2017</option>
                                    </select>
                                    <label>起始时间（年）</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="prac-choice2">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="1">5</option>
                                        <option value="2">6</option>
                                        <option value="3">7</option>
                                        <option value="4">8</option>
                                        <option value="1">9</option>
                                        <option value="2">10</option>
                                        <option value="3">11</option>
                                        <option value="4">12</option>
                                    </select>
                                    <label>起始时间（月）</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="prac-choice3">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="2010">2010</option>
                                        <option value="2011">2011</option>
                                        <option value="2012">2012</option>
                                        <option value="2013">2013</option>
                                        <option value="2014">2014</option>
                                        <option value="2015">2015</option>
                                        <option value="2016">2016</option>
                                        <option value="2017">2017</option>
                                    </select>
                                    <label>结束时间（年）</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="prac-choice4">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="11">11</option>
                                        <option value="12">12</option>
                                    </select>
                                    <label>结束时间（月）</label>
                                </div>
                                <div style="margin:10px auto 25px;display:block;width:542px;height:105px" class="input-field col s12">
                                    <textarea style="max-height:75px" id="prac-text1" class="materialize-textarea">
                                    </textarea>
                                    <label for="prac-text0">职能描述</label>
                                </div>
                                <a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn save" id="prac-save1" type="button">保存</a><a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn nosave" type="button" id="prac-nosave1">取消</a> </div>
                            <p style="display: inline-block;"><span name="" id="prac1a"></span><span id="prac1b"></span><span id="prac1c"></span>
                            </p>
                            <div class="right-icon2"><a style="background:#fff;margin-right: 20px" id="prac-edit1" class="btn-floating prac-edit"><i style="color:#ff8f00" class="material-icons" >mode_edit</i></a><a id="prac-cancel1" style="background:#fff;" class="btn-floating darken-1 prac-cancel"><i style="color:#ff8f00" class="material-icons">close</i></a>
                            </div>
                            <p id="prac11"></p>
                        </div>
                        <div class="prac-show" id="prac2">
                            <div id="prac-field2" class="prac-field">
                                <div class="input-field col s6">
                                    <input class="prac-company" type="text" value=" "/>
                                    <label>公司名称</label>
                                </div>
                                <div class="input-field col s6">
                                    <input class="prac-posi" type="text" value=" "/>
                                    <label>职位</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="prac-choice1">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="2010">2010</option>
                                        <option value="2011">2011</option>
                                        <option value="2012">2012</option>
                                        <option value="2013">2013</option>
                                        <option value="2014">2014</option>
                                        <option value="2015">2015</option>
                                        <option value="2016">2016</option>
                                        <option value="2017">2017</option>
                                    </select>
                                    <label>起始时间（年）</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="prac-choice2">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="1">5</option>
                                        <option value="2">6</option>
                                        <option value="3">7</option>
                                        <option value="4">8</option>
                                        <option value="1">9</option>
                                        <option value="2">10</option>
                                        <option value="3">11</option>
                                        <option value="4">12</option>
                                    </select>
                                    <label>起始时间（月）</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="prac-choice3">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="2010">2010</option>
                                        <option value="2011">2011</option>
                                        <option value="2012">2012</option>
                                        <option value="2013">2013</option>
                                        <option value="2014">2014</option>
                                        <option value="2015">2015</option>
                                        <option value="2016">2016</option>
                                        <option value="2017">2017</option>
                                    </select>
                                    <label>结束时间（年）</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="prac-choice4">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="11">11</option>
                                        <option value="12">12</option>
                                    </select>
                                    <label>结束时间（月）</label>
                                </div>
                                <div style="margin:10px auto 25px;display:block;width:542px;height:105px" class="input-field col s12">
                                    <textarea style="max-height:75px" id="prac-text2" class="materialize-textarea">
                                    </textarea>
                                    <label for="prac-text0">职能描述</label>
                                </div>
                                <a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn save" id="prac-save2" type="button">保存</a><a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn nosave" type="button" id="prac-nosave2">取消</a> </div>
                            <p style="display: inline-block;"><span name="" id="prac2a"></span><span id="prac2b"></span><span id="prac2c"></span>
                            </p>
                            <div class="right-icon2"><a id="prac-edit2" style="background:#fff;margin-right: 20px" class="btn-floating prac-edit"><i style="color:#ff8f00" class="material-icons">mode_edit</i></a><a style="background:#fff;" id="prac-cancel2" class="btn-floating darken-1 prac-cancel"><i style="color:#ff8f00" class="material-icons">close</i></a>
                            </div>
                            <p id="prac21"></p>
                        </div>
                        <div class="prac-show" id="prac3">
                            <div id="prac-field3" class="prac-field">
                                <div class="input-field col s6">
                                    <input class="prac-company" type="text" value=" "/>
                                    <label>公司名称</label>
                                </div>
                                <div class="input-field col s6">
                                    <input class="prac-posi" type="text" value=" "/>
                                    <label>职位</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="prac-choice1">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="2010">2010</option>
                                        <option value="2011">2011</option>
                                        <option value="2012">2012</option>
                                        <option value="2013">2013</option>
                                        <option value="2014">2014</option>
                                        <option value="2015">2015</option>
                                        <option value="2016">2016</option>
                                        <option value="2017">2017</option>
                                    </select>
                                    <label>起始时间（年）</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="prac-choice2">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="1">5</option>
                                        <option value="2">6</option>
                                        <option value="3">7</option>
                                        <option value="4">8</option>
                                        <option value="1">9</option>
                                        <option value="2">10</option>
                                        <option value="3">11</option>
                                        <option value="4">12</option>
                                    </select>
                                    <label>起始时间（月）</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="prac-choice3">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="2010">2010</option>
                                        <option value="2011">2011</option>
                                        <option value="2012">2012</option>
                                        <option value="2013">2013</option>
                                        <option value="2014">2014</option>
                                        <option value="2015">2015</option>
                                        <option value="2016">2016</option>
                                        <option value="2017">2017</option>
                                    </select>
                                    <label>结束时间（年）</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="prac-choice4">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="11">11</option>
                                        <option value="12">12</option>
                                    </select>
                                    <label>结束时间（月）</label>
                                </div>
                                <div style="margin:10px auto 25px;display:block;width:542px;height:105px" class="input-field col s12">
                                    <textarea style="max-height:75px" id="prac-text3" class="materialize-textarea">
                                    </textarea>
                                    <label for="prac-text0">职能描述</label>
                                </div>
                                <a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn save" id="prac-save3" type="button">保存</a><a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn nosave" type="button" id="prac-nosave3">取消</a> </div>
                            <p style="display: inline-block;"><span name="" id="prac3a"></span><span id="prac3b"></span><span id="prac3c"></span>
                            </p>
                            <div class="right-icon2"><a id="prac-edit3" style="background:#fff;margin-right: 20px" class="btn-floating prac-edit"><i
                                style="color:#ff8f00" class="material-icons" >mode_edit</i></a><a style="background:#fff;" class="btn-floating darken-1 prac-cancel" id="prac-cancel3"><i style="color:#ff8f00" class="material-icons">close</i></a>
                            </div>
                            <p id="prac31"></p>
                        </div>
                        <div class="prac-show" id="prac4">
                            <div id="prac-field4" class="prac-field">
                                <div class="input-field col s6">
                                    <input class="prac-company" type="text" value=" "/>
                                    <label>公司名称</label>
                                </div>
                                <div class="input-field col s6">
                                    <input class="prac-posi" type="text" value=" "/>
                                    <label>职位</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="prac-choice1">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="2010">2010</option>
                                        <option value="2011">2011</option>
                                        <option value="2012">2012</option>
                                        <option value="2013">2013</option>
                                        <option value="2014">2014</option>
                                        <option value="2015">2015</option>
                                        <option value="2016">2016</option>
                                        <option value="2017">2017</option>
                                    </select>
                                    <label>起始时间（年）</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="prac-choice2">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="1">5</option>
                                        <option value="2">6</option>
                                        <option value="3">7</option>
                                        <option value="4">8</option>
                                        <option value="1">9</option>
                                        <option value="2">10</option>
                                        <option value="3">11</option>
                                        <option value="4">12</option>
                                    </select>
                                    <label>起始时间（月）</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="prac-choice3">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="2010">2010</option>
                                        <option value="2011">2011</option>
                                        <option value="2012">2012</option>
                                        <option value="2013">2013</option>
                                        <option value="2014">2014</option>
                                        <option value="2015">2015</option>
                                        <option value="2016">2016</option>
                                        <option value="2017">2017</option>
                                    </select>
                                    <label>结束时间（年）</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="prac-choice4">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="11">11</option>
                                        <option value="12">12</option>
                                    </select>
                                    <label>结束时间（月）</label>
                                </div>
                                <div style="margin:10px auto 25px;display:block;width:542px;height:105px" class="input-field col s12">
                                    <textarea style="max-height:75px" id="prac-text4" class="materialize-textarea">
                                    </textarea>
                                    <label for="prac-text0">职能描述</label>
                                </div>
                                <a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn save" id="prac-save4" type="button">保存</a><a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn nosave" type="button" id="prac-nosave4">取消</a> </div>
                            <p style="display: inline-block;"><span id="prac4a" name="" ></span><span id="prac4b"></span><span id="prac4c"></span>
                            </p>
                            <div class="right-icon2"><a style="background:#fff;margin-right: 20px" id="prac-edit4" class="btn-floating prac-edit"><i
                                style="color:#ff8f00" class="material-icons" >mode_edit</i></a><a style="background:#fff;" class="btn-floating darken-1 prac-cancel" id="prac-cancel4"><i style="color:#ff8f00" class="material-icons">close</i></a>
                            </div>
                            <p id="prac41"></p>
                        </div>
                        <div class="prac-show" id="prac5">
                            <div id="prac-field5" class="prac-field">
                                <div class="input-field col s6">
                                    <input class="prac-company" type="text" />
                                    <label>公司名称</label>
                                </div>
                                <div class="input-field col s6">
                                    <input class="prac-posi" type="text" />
                                    <label>职位</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="prac-choice1">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="2010">2010</option>
                                        <option value="2011">2011</option>
                                        <option value="2012">2012</option>
                                        <option value="2013">2013</option>
                                        <option value="2014">2014</option>
                                        <option value="2015">2015</option>
                                        <option value="2016">2016</option>
                                        <option value="2017">2017</option>
                                    </select>
                                    <label>起始时间（年）</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="prac-choice2">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="1">5</option>
                                        <option value="2">6</option>
                                        <option value="3">7</option>
                                        <option value="4">8</option>
                                        <option value="1">9</option>
                                        <option value="2">10</option>
                                        <option value="3">11</option>
                                        <option value="4">12</option>
                                    </select>
                                    <label>起始时间（月）</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="prac-choice3">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="2010">2010</option>
                                        <option value="2011">2011</option>
                                        <option value="2012">2012</option>
                                        <option value="2013">2013</option>
                                        <option value="2014">2014</option>
                                        <option value="2015">2015</option>
                                        <option value="2016">2016</option>
                                        <option value="2017">2017</option>
                                    </select>
                                    <label>结束时间（年）</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="prac-choice4">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="11">11</option>
                                        <option value="12">12</option>
                                    </select>
                                    <label>结束时间（月）</label>
                                </div>
                                <div style="margin:10px auto 25px;display:block;width:542px;height:105px" class="input-field col s12">
                                    <textarea style="max-height:75px" id="prac-text5" class="materialize-textarea">
                                    </textarea>
                                    <label for="prac-text0">职能描述</label>
                                </div>
                                <a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn save" id="prac-save5" type="button">保存</a><a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn nosave" type="button" id="prac-nosave5">取消</a> </div>
                            <p style="display: inline-block;"><span name="" id="prac5a"></span><span id="prac5b"></span><span id="prac5c"></span>
                            </p>
                            <div class="right-icon2"><a id="prac-edit5" style="background:#fff;margin-right: 20px" class="btn-floating prac-edit"><i
                                style="color:#ff8f00" class="material-icons" >mode_edit</i></a><a style="background:#fff;" class="btn-floating darken-1 prac-cancel" id="prac-cancel5"><i style="color:#ff8f00" class="material-icons"  >close</i></a>
                            </div>
                            <p id="prac51"></p>
                        </div>
                        <footer id="prac-toggle">
                            <div style="border-bottom:2px solid #ff8f00;width:610px;"></div>
                            <div style="margin-left:305px;width:0px;height:0px;border-left:8px solid #ffffff;border-right:8px solid #ffffff;border-top:8px solid #ff8f00;"></div>
                        </footer>
                    </div>
                    <!--点击展开和收起-->
                </div>


                <div class="file card" id="file-project">
                    <div class="title-show">
                        <p class="file-title">项目经历</p>
                        <div class="file-icon"></div>
                        <div id="ea3" class="add-cancel"><span class="right-top-icon1"><button id="right-add3" class="right-add"  style="background: #fff;border:none">添加</button></span><span class="right-top-icon2"><button class="right-edit" id="right-edit3" style="background: #fff;border:none">编辑</button></span>
                        </div>
                    </div>
                    <div id="add3" class="add-item"><a class="add-out btn-floating btn-large waves-effect waves-light"><i
                        class="add-in material-icons">add</i></a></div>
                    <div class="file-detail" id="proj-all">
                        <div id="proj-field0" class="proj-field add-new3">
                            <div class="input-field col s6">
                                <input class="proj-company" type="text" value=" "/>
                                <label>项目名称</label>
                            </div>
                            <div class="input-field col s6">
                                <input class="proj-posi" type="text" value=" "/>
                                <label>职责</label>
                            </div>
                            <div class="input-field col s6 ">
                                <select class="proj-choice1">
                                    <option value="" disabled selected>请选择</option>
                                    <option value="2010">2010</option>
                                    <option value="2011">2011</option>
                                    <option value="2012">2012</option>
                                    <option value="2013">2013</option>
                                    <option value="2014">2014</option>
                                    <option value="2015">2015</option>
                                    <option value="2016">2016</option>
                                    <option value="2017">2017</option>
                                </select>
                                <label>项目年份</label>
                            </div>
                            <div style="margin:10px auto 25px;display:block;width:542px;height:105px" class="input-field col s12"><textarea style="max-height:75px" id="proj-text0" class="materialize-textarea"> </textarea><label for="proj-text1">项目简述</label></div>
                            <a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn save" id="proj-save0" type="button">保存</a><a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn nosave" type="button" id="proj-nosave0">取消</a> </div>
                        <div class="proj-show" id="proj1">
                            <div id="proj-field1" class="proj-field">
                                <div class="input-field col s6">
                                    <input class="proj-company" type="text" value=" "/>
                                    <label>项目名称</label>
                                </div>
                                <div class="input-field col s6">
                                    <input class="proj-posi" type="text" value=" "/>
                                    <label>职责</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="proj-choice1">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="2010">2010</option>
                                        <option value="2011">2011</option>
                                        <option value="2012">2012</option>
                                        <option value="2013">2013</option>
                                        <option value="2014">2014</option>
                                        <option value="2015">2015</option>
                                        <option value="2016">2016</option>
                                        <option value="2017">2017</option>
                                    </select>
                                    <label>项目年份</label>
                                </div>
                                <div style="margin:10px auto 25px;display:block;width:542px;height:105px" class="input-field col s12"><textarea style="max-height:75px" id="proj-text1" class="materialize-textarea"> </textarea><label for="proj-text1">项目简述</label></div>
                                <a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn save" id="proj-save1" type="button">保存</a><a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn nosave" type="button" id="proj-nosave1">取消</a> </div>

                            <p style="display: inline-block;"><span name="" id="proj1a"></span><span id="proj1b"></span><span id="proj1c"></span></p>
                            <div class="right-icon3"><a id="proj-edit1" style="background:#fff;margin-right: 20px" class="btn-floating proj-edit"><i style="color:#ff8f00" class="material-icons">mode_edit</i></a><a style="background:#fff;" id="proj-cancel1" class="btn-floating darken-1 proj-cancel"><i style="color:#ff8f00" class="material-icons">close</i></a>
                            </div>
                            <p id="proj11"></p>
                        </div>


                        <div class="proj-show" id="proj2">
                            <div id="proj-field2" class="proj-field">
                                <div class="input-field col s6">
                                    <input class="proj-company" type="text" value=" "/>
                                    <label>项目名称</label>
                                </div>
                                <div class="input-field col s6">
                                    <input class="proj-posi" type="text" value=" "/>
                                    <label>职责</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="proj-choice1">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="2010">2010</option>
                                        <option value="2011">2011</option>
                                        <option value="2012">2012</option>
                                        <option value="2013">2013</option>
                                        <option value="2014">2014</option>
                                        <option value="2015">2015</option>
                                        <option value="2016">2016</option>
                                        <option value="2017">2017</option>
                                    </select>
                                    <label>项目年份</label>
                                </div>
                                <div style="margin:10px auto 25px;display:block;width:542px;height:105px" class="input-field col s12"><textarea style="max-height:75px" id="proj-text2" class="materialize-textarea"> </textarea><label for="proj-text1">项目简述</label></div>
                                <a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn save" id="proj-save2" type="button">保存</a><a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn nosave" type="button" id="proj-nosave2">取消</a> </div>
                            <p style="display: inline-block;"><span name="" id="proj2a"></span><span id="proj2b"></span><span id="proj2c"></span>
                            </p>
                            <div class="right-icon3"><a id="proj-edit2" style="background:#fff;margin-right: 20px" class="btn-floating proj-edit"><i
                                style="color:#ff8f00" class="material-icons">mode_edit</i></a><a style="background:#fff;" id="proj-cancel2" class="btn-floating darken-1 proj-cancel"><i style="color:#ff8f00"
                                                                                          class="material-icons">close</i></a>
                            </div>
                            <p id="proj21"></p>
                        </div>

                        <div class="proj-show" id="proj3">
                            <div id="proj-field3" class="proj-field">
                                <div class="input-field col s6">
                                    <input class="proj-company" type="text" value=" "/>
                                    <label>项目名称</label>
                                </div>
                                <div class="input-field col s6">
                                    <input class="proj-posi" type="text" value=" "/>
                                    <label>职责</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="proj-choice1">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="2010">2010</option>
                                        <option value="2011">2011</option>
                                        <option value="2012">2012</option>
                                        <option value="2013">2013</option>
                                        <option value="2014">2014</option>
                                        <option value="2015">2015</option>
                                        <option value="2016">2016</option>
                                        <option value="2017">2017</option>
                                    </select>
                                    <label>项目年份</label>
                                </div>
                                <div style="margin:10px auto 25px;display:block;width:542px;height:105px" class="input-field col s12"><textarea style="max-height:75px" id="proj-text3" class="materialize-textarea"> </textarea><label for="proj-text1">项目简述</label></div>
                                <a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn save" id="proj-save3" type="button">保存</a><a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn nosave" type="button" id="proj-nosave3">取消</a> </div>
                            <p style="display: inline-block;"><span name="" id="proj3a"></span><span id="proj3b"></span><span id="proj3c"></span>
                            </p>
                            <div class="right-icon3"><a id="proj-edit3" style="background:#fff;margin-right: 20px" class="btn-floating proj-edit"><i
                                style="color:#ff8f00" class="material-icons">mode_edit</i></a><a style="background:#fff;" id="proj-cancel3" class="btn-floating darken-1 proj-cancel"><i style="color:#ff8f00"  class="material-icons">close</i></a>
                            </div>
                            <p id="proj31"></p>
                        </div>

                        <div class="proj-show" id="proj4">
                            <div id="proj-field4" class="proj-field">
                                <div class="input-field col s6">
                                    <input class="proj-company" type="text" value=" "/>
                                    <label>项目名称</label>
                                </div>
                                <div class="input-field col s6">
                                    <input class="proj-posi" type="text" value=" "/>
                                    <label>职责</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="proj-choice1">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="2010">2010</option>
                                        <option value="2011">2011</option>
                                        <option value="2012">2012</option>
                                        <option value="2013">2013</option>
                                        <option value="2014">2014</option>
                                        <option value="2015">2015</option>
                                        <option value="2016">2016</option>
                                        <option value="2017">2017</option>
                                    </select>
                                    <label>项目年份</label>
                                </div>
                                <div style="margin:10px auto 25px;display:block;width:542px;height:105px" class="input-field col s12"><textarea style="max-height:75px" id="proj-text4" class="materialize-textarea"> </textarea><label for="proj-text1">项目简述</label></div>
                                <a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn save" id="proj-save4" type="button">保存</a><a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn nosave" type="button" id="proj-nosave4">取消</a> </div>
                            <p style="display: inline-block;"><span name="" id="proj4a"></span><span id="proj4b"></span><span id="proj4c"></span>
                            </p>
                            <div class="right-icon3"><a id="proj-edit4" style="background:#fff;margin-right: 20px" class="btn-floating proj-edit"><i
                                style="color:#ff8f00" class="material-icons">mode_edit</i></a><a style="background:#fff;" id="proj-cancel4" class="btn-floating darken-1 proj-cancel"><i style="color:#ff8f00"
                                                                                          class="material-icons">close</i></a>
                            </div>
                            <p id="proj41"></p>
                        </div>

                        <div class="proj-show" id="proj5">
                            <div id="proj-field5" class="proj-field">
                                <div class="input-field col s6">
                                    <input class="proj-company" type="text" value=" "/>
                                    <label>项目名称</label>
                                </div>
                                <div class="input-field col s6">
                                    <input class="proj-posi" type="text" value=" "/>
                                    <label>职责</label>
                                </div>
                                <div class="input-field col s6 ">
                                    <select class="proj-choice1">
                                        <option value="" disabled selected>请选择</option>
                                        <option value="2010">2010</option>
                                        <option value="2011">2011</option>
                                        <option value="2012">2012</option>
                                        <option value="2013">2013</option>
                                        <option value="2014">2014</option>
                                        <option value="2015">2015</option>
                                        <option value="2016">2016</option>
                                        <option value="2017">2017</option>
                                    </select>
                                    <label>项目年份</label>
                                </div>
                                <div style="margin:10px auto 25px;display:block;width:542px;height:105px" class="input-field col s12"><textarea style="max-height:75px" id="proj-text5" class="materialize-textarea"> </textarea><label for="proj-text1">项目简述</label></div>
                                <a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn save" id="proj-save5" type="button">保存</a><a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn nosave" type="button" id="proj-nosave5">取消</a> </div>
                            <p style="display: inline-block;"><span name="" id="proj5a"></span><span id="proj5b"></span><span id="proj5c"></span>
                            </p>
                            <div class="right-icon3"><a id="proj-edit5" style="background:#fff;margin-right: 20px" class="btn-floating proj-edit"><i
                                style="color:#ff8f00" class="material-icons">mode_edit</i></a><a style="background:#fff;" id="proj-cancel5" class="btn-floating darken-1 proj-cancel"><i style="color:#ff8f00"
                                                                                          class="material-icons">close</i></a>
                            </div>
                            <p id="proj51"></p>
                        </div>
                        <footer id="proj-toggle">
                            <div style="border-bottom:2px solid #ff8f00;width:610px;"></div>
                            <div style="margin-left:305px;width:0px;height:0px;border-left:8px solid #ffffff;border-right:8px solid #ffffff;border-top:8px solid #ff8f00;"></div>
                        </footer>
                    </div>
                </div>


                <div class="file card" id="file-works">
                    <div class="title-show">
                        <p class="file-title">作品集展示</p>
                        <div class="file-icon"></div>
                        <div id="ea4" class="add-cancel1"><span class="right-top-icon2"><button class="right-edit" id="right-edit4" style="background: #fff;border:none">编辑</button></span>
                        </div>
                    </div>
                    <div id="add4" class="add-item"><a class="add-out btn-floating btn-large waves-effect waves-light"><i
                        class="add-in material-icons">add</i></a></div>
                    <div class="file-detail" id="works-all">


                          <div id="work-field" style="position:relative">

                              <div id="uploadForm" class="card" style="position:absolute;background-color:#fff;top:50%;left:50%;margin-left:-200px;margin-top:-170px;width:400px;height:280px;z-index:3">
                                  <div >
                                      <i id="file-close"style="color:#ff8f00;display:block;margin:10px auto auto 365px"class="material-icons">close</i>
                                      <div class="file-field" style="margin:15px 35px 0">

                                          <div class="btn">
                                              <span style="color:#fff">选择作品集文件</span>
                                              <input type="file" id="file" value=" ">
                                          </div>
                                          <div class="file-path-wrapper"><input class="file-path validate" type="text" placeholder="未上传任何文件" value=" "></div>
                                      </div>
                                      <div style="width:300px;margin:auto;font-size:16px;"><p style="margin-bottom:10px">(支持pdf文件格式，文件大小需小于30M。)</p><p style="margin-bottom:20px">若作品集过大建议放置到在线网址，并填写作品集网址在线地址。</p></div>
                                      <a id="submit-file" class="waves-effect waves-light btn-large" style="display:block;width:100px;height:45px;margin:auto">上传</a>
                                  </div>

                              </div>

                              <a id="attach-work" style="background:#fff;margin-right: 20px" class="btn-floating proj-edit"><i style="color:#ff8f00" class="material-icons" id="works_attach">attach_file</i></a><span>上传作品集附件</span>
                              <div style="width :630px;margin:15px 0"class="input-field col s6">
                                  <input class="site-input" type="text" value=" "/>
                                  <label>作品集在线网址</label>
                              </div>
                        <a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn save" id="work-save" type="button">保存</a><a style="margin-top:5px;margin-bottom:20px" class="waves-effect waves-light btn nosave" type="button" id="work-nosave">取消</a> </div>


                        <div name="" class="works-show">
                            <p id="work1a"><a target="_blank" id="works-path" style="text-decoration:underline"><span id="works-id" style="font-size: 16px"></span></a>
                            </p>
                            <p id="work1b"><a target="_blank" id="works-site"></a></p>
                        </div>
                    </div>
                </div>
                <div class="file card" id="file-skill" style="margin-bottom: 0;">
                    <div class="title-show">
                        <p class="file-title" style="display:inline-block">技能评价</p>
                        <div class="file-icon" style="display:inline-block"></div>
                        <div  style="display:inline-block" id="ea5" class="add-cancel5"><span class="right-top-icon2"><button class="right-edit" id="right-edit5"
                                                            style="background: #fff;border:none">编辑</button></span>
                        </div>
                    </div>

                    <div class="file-detail" id="skill-all">
                        <div class="skill-total" id="skill01">
                            <div class="skill-show" id="skill-all1">
                            <span name="" id="skill1a"></span>
                            <!--
                    -->
                            <div class="progress skill-detail">
                                <!--
                    -->
                                <div id="skill1b" class="determinate" style="width: 70%"></div>
                                <!--
                    -->
                            </div>
                            <!--
                    --><span id="skill1c"></span>
                        </div>
                        </div>



                        <div class="skill-total" id="skill02">
                            <div class="skill-show" id="skill-all2">
                                <span name="" id="skill2a"></span>
                                <!--
                        -->
                                <div class="progress skill-detail">
                                    <!--
                        -->
                                    <div id="skill2b" class="determinate" style="width: 60%"></div>
                                    <!--
                        -->
                                </div>
                                <!--
                        --><span id="skill2c"></span>
                            </div>
                        </div>
                        <div class="skill-total" id="skill03">
                            <div class="skill-show" id="skill-all3">
                                <span name="" id="skill3a"></span>
                                <!--
                        -->
                                <div class="progress skill-detail">
                                    <!--
                        -->
                                    <div id="skill3b" class="determinate" style="width: 50%"></div>
                                    <!--
                        -->
                                </div>
                                <!--
                        --><span id="skill3c"></span>
                            </div>
                        </div>

                        <div class="skill-total" id="skill04">
                            <div class="skill-show" id="skill-all4">
                                <span name="" id="skill4a"></span>
                                <!--
                        -->
                                <div class="progress skill-detail">
                                    <!--
                        -->
                                    <div id="skill4b" class="determinate" style="width: 40%"></div>
                                    <!--
                        -->
                                </div>
                                <!--
                        --><span id="skill4c"></span>
                            </div>
                        </div>
                        <div class="skill-total" id="skill05">
                            <div class="skill-show" id="skill-all5">
                                <span name="" id="skill5a"></span>
                                <!--
                        -->
                                <div class="progress skill-detail">
                                    <!--
                        -->
                                    <div id="skill5b" class="determinate" style="width: 30%"></div>
                                    <!--
                        -->
                                </div>
                                <!--
                        --><span id="skill5c"></span>
                            </div>
                        </div>
                        </div>
                    <div id="edit-detail">

                    </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="../js/jquery-2.1.1.min.js"></script>
    <script src="../js/materialize.js"></script>
    <script src="../js/etc.js"></script>
    <script src="../js/main/index.js"></script>
    <script src="../js/search/search.js"></script>
    <script src="../js/stu/main.js"></script>
    <script src="../js/util.js"></script>
    <script src="../js/main/navigation.js"></script>
    <script src="../js/info/info.js"></script>
</body>

</html>
